<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>账单明细</title>
		<link rel="stylesheet" href="./../public/css/common.css">
		<link rel="stylesheet" href="./../public/css/pintuer.css">
		<!-- 日历插件css -->
		<link rel="stylesheet" href="./../public/css/dcalendar.picker.css" />
		<!-- 账单汇总 -->
		<link rel="stylesheet" href="./css/bill-summary.css">
	</head>
	<body>
		<div class="content">
			<div ms-controller="billSummary">
				<div class="account_section ">
					<div class="line-big border section_common">
						<div class="x12">
							<!-- <div class="line-big bg-sub box-header">
								<div class="x8 title">
									账单汇总
								</div>
								<div class="x4 text-right">
									<a href="javascript:;"></a>
								</div>
							</div> -->
							<div class="line-big ">
								<div class="x12">
									<form action="account.do?act=account" name="myform" method="post">

										<!-- <div class="line-big am-form-group">
											<div class="am-form-left text-left">
												收银员
											</div>

											<div class="am-form-right">
												<select class="commoninput">
													<option value="全部">全部</option>
													<option value="天择信上">天择信上</option>
													<option value="天择收银一">天择收银一</option>
													<option value="天择收银02">天择收银02</option>
													<option value="天择收银03">天择收银03</option>
													<option value="000000000000">000000000000</option>
													<option value="zz">zz</option>
													<option value="高灿">高灿</option>
												</select>

											</div>
										</div> -->
										<div class="bill-summary_border">
											<div class="x12 am-form-group border_inline cashier_border">
												<div class="line-big left_content cashier_title">
													<div class="am-form-left ">
														<span>收银员：</span>

													</div>
												</div>
												<div class="line-big right_content cashier_select">
													<div class="x12 ">
														<div class="line-big mt10">
															<div class="button-group border-sub checkbox" ms-class="@dateshow?'showblock':''">
																<label ms-class="['button',(@checkAll ? 'active':'')]">
																	<input name="" value="0" type="checkbox" ms-attr="{checked:@checkAll}" ms-on-click="@selectAll('ischeckAll')">
																	全选
																</label>
															</div>
														</div>
														<div class="line-big" >

															<div class="button-group border-sub checkbox selectlist" ms-class="@dateshow?'showblock':''">
																<label class="button " ms-class="@ischeckAll? 'active':''" ms-for="item in @salelist">
																	<input name="pintuer" ms-attr="{value:item.id,id:item.id,checked:@ischeckAll}" type="checkbox" ms-attr="{checked:@ischeckAll}"
																	 ms-on-click="@isSelectAll(item.id)"><span >{{item.nickname}}</span><!-- ms-html="@dateshow? {{item.nickname}}:''" -->
																</label>

															</div>

														</div>


													</div>
												</div>
											</div>
											<div class="right_border">
												<div class="line-big am-form-group border_inline select_width">
													<div class="am-form-left ">
														<span>日期范围：</span>

													</div>
													<div class="am-form-right "><input id='mydatepicker' class="commoninput_date" type='text' ms-duplex="@beginTime" autocomplete="off"/>
														<input id='mydatepicker2' class="commoninput_date" type='text' ms-duplex="@endTime" autocomplete="off"/>
														<div class=" tips "> 提示:支持最大跨度31天的账单</div>
													</div>
												</div>

												<div class="line-big am-form-group border_inline select_width">
													<div class="am-form-left">
														<span>设置对账时间：</span>
													</div>
													<div class="am-form-right">

														<input class="commoninput_date" type='text' value="00:00:00" readonly="readonly" />
														<input class="commoninput_date" type='text' value="23:59:59" readonly="readonly" />
														<div class="tips mt10">提示：默认选择00:00:00-23:59:59，筛选开始日期00:00:00至结束日期23:59:59的账单(如需修改对账结算时间，请联系客服)</div>
													</div>
												</div>
											</div>
										</div>
										<div class="line-big am-form-group">


											<div class="x12">

												<button class="button bg-sub" type="button" ms-on-click="@search()">
													<img class="loadimg" :class="showLoad ? '' : 'hide'"  src="./../public/images/load3.gif" />搜索</button>

												<button class="button n-option" type="button" ms-on-click="@exportdata()">
													<span class="icon-folder-o"></span>导出结果</button>
											</div>
										</div>

									</form>
								</div>
							</div>
						</div>
					</div>
					<!-- 对账单列表列表 -->
					<div class="line-big border section_common hide" ms-class="@isshow?'showblock':''" >
						<div class="x12">
							<div class="line-big bg-sub box-header">
								<div class="x8 title">
									账单列表 <span class="time">{{@beginTime}} 00:00:00 至 {{@endTime}}</span>
								</div>
								<div class="x4 text-right">
									<a href="javascript:;"></a>
								</div>
							</div>
							<div class="line-big ">
								<div class="x12">
									<div class="table-responsive">
										<table class="table">
											<tr>
												<th>

													序号
												</th>
												<th>
													收银员名称
												</th>
												<th>营业金额(元)</th>
												<th>营业单数</th>
												<th>

													实收金额(元)
												</th>
												<th>
													交易单数
												</th>
												<th>支付宝交易额 </th>
												<th>支付宝交易笔数</th>
												<th>微信交易额 </th>
												<th>微信交易笔数</th>
												<th>银行卡交易金额 </th>
												<th>银行卡交易笔数</th>
											</tr>
											<tr ms-for="(index,item) in list" ms-if="@list.length!=0">
												<td>
													{{index+1}}
												</td>
												<td>
													{{item.nickname}}
												</td>

												<td>
													{{item.amount_business}}
												</td>
												<td>
													{{item.count_business}}
												</td>
												<td>
													{{item.actual_amount}}
												</td>
												<td>
													{{item.actual_count}}
												</td>
												<td>
													{{item.alipay_amount}}
												</td>
												<td>
													{{item.alipay_count}}
												</td>
												<td>
													{{item.weixin_amount}}
												</td>
												<td>
													{{item.weixin_count}}
												</td>
												<td>
													{{item.sfbank_amount}}
												</td>
												<td>
													{{item.sfbank_count}}
												</td>
											</tr>
											<tr>
												<td>
													{{@totallist.number}}
												</td>
												<td ms-if="@list.length!=0">
													{{@totallist.nickname ?@totallist.nickname:'--'}}
												</td>

												<td>
													{{@totallist.zj_amount_business}}
												</td>
												<td>
													{{@totallist.zj_count_business}}
												</td>
												<td>
													{{@totallist.zj_actual_amount}}
												</td>
												<td>
													{{@totallist.zj_actual_count}}
												</td>
												<td>
													{{@totallist.zj_alipay_amount}}
												</td>
												<td>
													{{@totallist.zj_alipay_count}}
												</td>
												<td>
													{{@totallist.zj_weixin_amount}}
												</td>
												<td>
													{{@totallist.zj_weixin_count}}
												</td>
												<td>
													{{@totallist.zj_sfbank_amount}}
												</td>
												<td>
													{{@totallist.zj_sfbank_count}}
												</td>
											</tr>

										</table>
										<div ms-if="@list.length==0" class="no_data">暂无数据</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 弹框 -->
				<div class="dialog" :class='@toggle? "open":""'>
					<div class="dialog-head">
						<strong>提示</strong>
					</div>
					<div class="dialog-body">
						{{@info}}
					</div>
					<div class="dialog-foot">

						<button class="button button-small bg-blue" ms-click="@closeClick()">
							确认</button>
					</div>
				</div>
			</div>
		</div>

	</body>
	<!-- api 接口配置文档 -->
	<script src="./../api/api.js"></script>
	<!-- jquery -->
	<script src="./../public/js/jquery.js"></script>

	<!-- avalon js -->
	<script src="./../public/js/avalon.js"></script>

	<!-- 日历插件 -->
	<script type="text/javascript" src="./../public/js/dcalendar.picker.js"></script>
	<!-- common js -->
	<script src="./../public/js/common.js"></script>
	<!-- 账单汇总js -->
	<script src="./js/bill-summary.js"></script>

</html>
